<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="cidadaoForm" enctype="multipart/form-data">
                <br/>
                <h3 class="title">Pesquisar Requerimento</h3>

                <p:growl id="messages" showDetail="false" autoUpdate="true" /> 
                <p:panel id="personPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Interessado</h4>

                    <p:outputLabel id="personOutputLabel" value="Pessoa: " styleClass="grid_3" style="top: 6px" />
                    <div class="grid_8">
                        <p:selectOneRadio id="personRadioButton" value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado}" >
                            <f:selectItems value="#{managerPesquisarRequerimento.tipoDocumentoList()}" />
                            <p:ajax event="change" update=":cidadaoForm:personPanel" />
                        </p:selectOneRadio>
                    </div>

                    <div class="clear-both"/> 

                    <p:outputLabel id="tipoDocumentoLabel" for="tipoDocumentoInput"
                                   value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado}: " 
                                   styleClass="grid_3"/>

                    <p:inputMask id="tipoDocumentoInput" 
                                 value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                          managerPesquisarRequerimento.requerimento.cpfInteressado : managerPesquisarRequerimento.requerimento.cnpjInteressado}"
                                 mask="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" 
                                 styleClass="grid_8" > 
                    </p:inputMask>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome: " styleClass="grid_3" for="nomeInputText" 
                                   rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeInputText" styleClass="grid_20 ajustInput"
                                 value="#{managerPesquisarRequerimento.requerimento.nomeInteressado}" 
                                 rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CPF'}" />

                    <div class="clear"/> 
                    <p:outputLabel value="Nome Fantasia: " styleClass="grid_3 "
                                   for="nameFantasyInputText" rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <p:inputText id="nameFantasyInputText" styleClass="grid_20 ajustInput"
                                 value="#{managerPesquisarRequerimento.requerimento.nomeFantasiaInteressado}" 
                                 rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoInteressado.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 


                </p:panel>

                <p:panel id="proprietarioPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados do Proprietario</h4>

                    <p:outputLabel id="personOutputLabelP" value="Pessoa: " styleClass="grid_3" style="top: 6px" />
                    <div class="grid_8">
                        <p:selectOneRadio id="personRadioButtonP" value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario}" >
                            <f:selectItems value="#{managerPesquisarRequerimento.tipoDocumentoList()}" />
                            <p:ajax event="change" update=":cidadaoForm:proprietarioPanel" />
                        </p:selectOneRadio>
                    </div>

                    <div class="clear-both"/> 

                    <p:outputLabel id="tipoDocumentoLabelP" for="tipoDocumentoInputP"
                                   value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario}: " 
                                   styleClass="grid_3"/>

                    <p:inputMask id="tipoDocumentoInputP" 
                                 value="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                          managerPesquisarRequerimento.requerimento.cpfProprietario : managerPesquisarRequerimento.requerimento.cnpjProprietario}"
                                 mask="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF' ? 
                                         '999.999.999-99':'99.999.999/9999-99'}" 
                                 styleClass="grid_8" > 
                    </p:inputMask>
                    <div class="clear-both" />

                    <p:outputLabel value="Nome: " styleClass="grid_3" for="nomeInputTextP" 
                                   rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}"/>
                    <p:inputText id="nomeInputTextP" styleClass="grid_20 ajustInput"
                                 value="#{managerPesquisarRequerimento.requerimento.nomeProprietario}" 
                                 rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CPF'}" />

                    <div class="clear"/> 
                    <p:outputLabel value="Nome Fantasia: " styleClass="grid_3 "
                                   for="nameFantasyInputTextP" rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <p:inputText id="nameFantasyInputTextP" styleClass="grid_20 ajustInput"
                                 value="#{managerPesquisarRequerimento.requerimento.nomeFantasiaProprietario}" 
                                 rendered="#{managerPesquisarRequerimento.requerimento.tipoDocumentoProprietario.tipo eq 'CNPJ'}" />
                    <div class="clear"/> 


                </p:panel>


                <!--DADOS DO PROPRIETÁRIO-->



                <div class="buttonAction">
                    <p:commandButton  id="pesquisarCommandButton" value="Pesquisar" icon="ui-icon-search"
                                      update="@form, :cidadaoForm:tableUser"
                                      actionListener="#{managerPesquisarRequerimento.pesquisar()}"
                                      styleClass="ui-priority-primary" />
                    <p:commandButton value="Limpar" update="@form" icon="ui-icon-clean"
                                     actionListener="#{managerPesquisarRequerimento.limpar()}" />
                </div>

                <p:blockUI id="BLOCK" block="resultPanel" trigger="pesquisarCommandButton, tableUser" > 
                    <p:graphicImage value="/media/images/ajax-loader.gif"/>
                </p:blockUI>

                <p:panel id="resultadosPanel" styleClass="clearfix container_24 withoutBorder">
                    <fieldset>
                        <legend>Resultado</legend>
                        <p:panel id="resultPanel" style="background: none; border: none;" 
                                 styleClass="container_24 clearfix ">

                            <p:dataTable id="tableUser" var="u" value="#{managerPesquisarRequerimento.dataModel}" 
                                         styleClass="grid_24" rowIndexVar="rowid"
                                         binding="#{managerPesquisarRequerimento.searchResults}"
                                         rows="5" paginator="true" lazy="true"   
                                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                                         currentPageReportTemplate="{currentPage} de {totalPages}"
                                         paginatorPosition="bottom" emptyMessage="Nenhum registro encontrado">

                                <f:facet name="header">
                                    Requerimento
                                </f:facet>
                                <p:column headerText="Ação" width="75">
                                    <p:button  style="width: 20px; height: 20px;" 
                                               title="Tramite"
                                               href="tramiterequerimento.xhtml?eTramite=#{u.id}"
                                               icon="ui-icon-info" rendered="#{u.status.nome ne 'FINALIZAR'}"/>
                                    <p:button  style="width: 20px; height: 20px;" 
                                               title="visualizar"
                                               href="visualizarrequerimento.xhtml?vReq=#{u.id}"
                                               icon="ui-icon-zoomin"/>
                                </p:column>
                                <p:column headerText="Processo" width="100">  
                                    <h:outputText value="#{u.processo}"/>
                                </p:column> 
                                <p:column headerText="Interessado" width="600">  
                                    <h:outputText value="#{u.nomeInteressado}"/>
                                </p:column>  
                                <p:column headerText="Situação" width="200">  
                                    <h:outputText value="#{u.status.nome}" style="color: red"/>
                                </p:column>  
                                <!--                                    <p:column headerText="Login">  
                                                                        <h:outputText value="{u.login}"/>
                                                                    </p:column>-->

                            </p:dataTable> 

                        </p:panel>

                    </fieldset>
                </p:panel>


            </h:form>
        </ui:define>
    </ui:composition>

</html>
